import * as React from 'react';

const ICONS = {
  tooltip: (
    <svg width="270" height="100" viewBox="0 0 283 100">
      <defs>
        <clipPath id="clip-path">
          <rect id="Rectangle_2" data-name="Rectangle 2" width="32" height="32" />
        </clipPath>
        <clipPath id="clip-path-3">
          <rect id="Rectangle_4" data-name="Rectangle 4" width="32" height="32" transform="translate(-19.6 -17.3)" />
        </clipPath>
        <clipPath id="clip-path-4">
          <rect id="Rectangle_5" data-name="Rectangle 5" width="32" height="32" transform="translate(-17.5 -17.3)" />
        </clipPath>
        <clipPath id="clip-path-5">
          <rect id="Rectangle_6" data-name="Rectangle 6" width="32" height="32" transform="translate(-15.6 -17.3)" />
        </clipPath>
      </defs>
      <g id="Group_6" data-name="Group 6" transform="translate(-218 -204)">
        <rect
          id="Rectangle_1"
          data-name="Rectangle 1"
          width="279"
          height="40"
          rx="4"
          transform="translate(218 248)"
          fill="#e6ebf4"
        />
        <g id="pointinghand" transform="translate(469 272)">
          <g id="Group_1" data-name="Group 1" clipPath="url(#clip-path)">
            <path
              id="Path_1"
              data-name="Path 1"
              d="M11.3,20.4c-.3-.4-.6-1.1-1.2-2-.3-.5-1.2-1.5-1.5-1.9a1.183,1.183,0,0,1-.1-1,1.41,1.41,0,0,1,1.4-1.1,2.666,2.666,0,0,1,1.4.7c.2.2.5.6.7.8s.2.3.4.5c.2.3.3.5.2.1-.1-.5-.2-1.3-.4-2.1a8.112,8.112,0,0,0-.3-1.1c-.1-.5-.2-.8-.3-1.3-.1-.3-.2-1.1-.3-1.5a2.273,2.273,0,0,1,.3-1.8,1.227,1.227,0,0,1,1.3-.2,2.567,2.567,0,0,1,.9,1.3,8.3,8.3,0,0,1,.5,2c.2,1,.5,2.5.5,2.8a7.519,7.519,0,0,1,0-1.5,1.12,1.12,0,0,1,.7-.8,2.769,2.769,0,0,1,.9-.1,2.177,2.177,0,0,1,.8.5,4.338,4.338,0,0,1,.4,1.8,9.005,9.005,0,0,1,.3-1.6,1.794,1.794,0,0,1,.7-.5,1.7,1.7,0,0,1,1,0,1.157,1.157,0,0,1,.7.5,8.469,8.469,0,0,1,.4,1.7,5.946,5.946,0,0,1,.3-.7,1.034,1.034,0,0,1,1.9.6v2.3a9.852,9.852,0,0,1-.2,1.7,6.068,6.068,0,0,1-.7,1.4,6.069,6.069,0,0,0-1.2,1.8,4.142,4.142,0,0,0-.1,1,5.527,5.527,0,0,0,.1.9,4.521,4.521,0,0,1-1.2,0,2.132,2.132,0,0,1-1-1.1.385.385,0,0,0-.7,0c-.2.4-.7,1.1-1.1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4l-1.1-1.1Z"
              fill="#fff"
            />
          </g>
          <g id="Group_2" data-name="Group 2" clipPath="url(#clip-path)">
            <path
              id="Path_2"
              data-name="Path 2"
              d="M11.3,20.4c-.3-.4-.6-1.1-1.2-2-.3-.5-1.2-1.5-1.5-1.9a1.183,1.183,0,0,1-.1-1,1.41,1.41,0,0,1,1.4-1.1,2.666,2.666,0,0,1,1.4.7c.2.2.5.6.7.8s.2.3.4.5c.2.3.3.5.2.1-.1-.5-.2-1.3-.4-2.1a8.112,8.112,0,0,0-.3-1.1c-.1-.5-.2-.8-.3-1.3-.1-.3-.2-1.1-.3-1.5a2.273,2.273,0,0,1,.3-1.8,1.227,1.227,0,0,1,1.3-.2,2.567,2.567,0,0,1,.9,1.3,8.3,8.3,0,0,1,.5,2c.2,1,.5,2.5.5,2.8a7.519,7.519,0,0,1,0-1.5,1.12,1.12,0,0,1,.7-.8,2.769,2.769,0,0,1,.9-.1,2.177,2.177,0,0,1,.8.5,4.338,4.338,0,0,1,.4,1.8,9.005,9.005,0,0,1,.3-1.6,1.794,1.794,0,0,1,.7-.5,1.7,1.7,0,0,1,1,0,1.157,1.157,0,0,1,.7.5,8.469,8.469,0,0,1,.4,1.7,5.946,5.946,0,0,1,.3-.7,1.034,1.034,0,0,1,1.9.6v2.3a9.852,9.852,0,0,1-.2,1.7,6.068,6.068,0,0,1-.7,1.4,6.069,6.069,0,0,0-1.2,1.8,4.142,4.142,0,0,0-.1,1,5.527,5.527,0,0,0,.1.9,4.521,4.521,0,0,1-1.2,0,2.132,2.132,0,0,1-1-1.1.385.385,0,0,0-.7,0c-.2.4-.7,1.1-1.1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4l-1.1-1.1Z"
              fill="none"
              stroke="#000"
              strokeLinecap="round"
              strokeLinejoin="round"
              strokeWidth="0.75"
            />
          </g>
          <g id="Group_3" data-name="Group 3" transform="translate(19.6 17.3)" clipPath="url(#clip-path-3)">
            <line
              id="Line_1"
              data-name="Line 1"
              y1="3.4"
              fill="none"
              stroke="#000"
              strokeLinecap="round"
              strokeWidth="0.75"
            />
          </g>
          <g id="Group_4" data-name="Group 4" transform="translate(17.5 17.3)" clipPath="url(#clip-path-4)">
            <line
              id="Line_2"
              data-name="Line 2"
              x1="0.1"
              y1="3.4"
              fill="none"
              stroke="#000"
              strokeLinecap="round"
              strokeWidth="0.75"
            />
          </g>
          <g id="Group_5" data-name="Group 5" transform="translate(15.6 17.3)" clipPath="url(#clip-path-5)">
            <line
              id="Line_3"
              data-name="Line 3"
              y2="3.4"
              fill="none"
              stroke="#000"
              strokeLinecap="round"
              strokeWidth="0.75"
            />
          </g>
        </g>
        <rect
          id="Rectangle_7"
          data-name="Rectangle 7"
          width="58"
          height="36"
          rx="4"
          transform="translate(439 204)"
          fill="#222328"
        />
        <text id="label" transform="translate(453 227)" fill="#fff" fontSize="14">
          <tspan x="0" y="0">
            label
          </tspan>
        </text>
      </g>
    </svg>
  ),
  github: (
    <svg width="24" height="24" viewBox="0 0 1024 1024" fill="none">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z"
        transform="scale(64)"
        fill="#222328"
      />
    </svg>
  ),
  logo: (
    <svg width="130" height="40" viewBox="0 0 407.188 100">
      <g id="Group_9" transform="translate(-68 415)">
        <g id="Group_8" transform="translate(-622 -539)">
          <rect id="Rectangle_10" width="100" height="100" rx="4" transform="translate(690 124)" fill="#6469ff" />
          <path
            id="Path_4"
            d="M3.594-15.281V-44.812H13.938v29.438a8.336,8.336,0,0,0,.516,2.922,7.186,7.186,0,0,0,1.453,2.406,7.19,7.19,0,0,0,2.219,1.625A6.611,6.611,0,0,0,21-7.812a6.818,6.818,0,0,0,2.906-.609,6.9,6.9,0,0,0,2.234-1.625,7.359,7.359,0,0,0,1.438-2.391,8.3,8.3,0,0,0,.516-2.937V-44.812H38.469v29.531A17.022,17.022,0,0,1,37.25-8.812a15.093,15.093,0,0,1-3.484,5.2,16.492,16.492,0,0,1-5.5,3.484A19.585,19.585,0,0,1,21,1.156,19.34,19.34,0,0,1,13.766-.125,16.561,16.561,0,0,1,8.3-3.609,15.059,15.059,0,0,1,4.813-8.828,17.058,17.058,0,0,1,3.594-15.281ZM46.313,0V-44.812h10.5V0Z"
            transform="translate(710 197)"
            fill="#fff"
          />
        </g>
        <path
          id="Path_3"
          d="M4.281,0V-44.812h18.75A16.7,16.7,0,0,1,29.766-43.5a15.873,15.873,0,0,1,5.156,3.531,15.546,15.546,0,0,1,3.3,5.156,16.825,16.825,0,0,1,1.156,6.219,16.741,16.741,0,0,1-1.156,6.188,15.546,15.546,0,0,1-3.3,5.156,15.873,15.873,0,0,1-5.156,3.531,16.7,16.7,0,0,1-6.734,1.313H14.656V0ZM14.656-20.875H21.75a6.839,6.839,0,0,0,2.953-.641A6.932,6.932,0,0,0,26.984-23.2a7.659,7.659,0,0,0,1.438-2.453,8.466,8.466,0,0,0,.516-2.937,8.6,8.6,0,0,0-.516-2.953,7.624,7.624,0,0,0-1.437-2.469A6.976,6.976,0,0,0,24.719-35.7a6.81,6.81,0,0,0-2.969-.641H14.656ZM44.781,0V-44.812h9.781V0ZM60.969-15.437a18.247,18.247,0,0,1,1.109-6.437,15.291,15.291,0,0,1,3.094-5.109,14.945,14.945,0,0,1,4.641-3.391,13.333,13.333,0,0,1,5.75-1.25,11.835,11.835,0,0,1,6.016,1.469,10.044,10.044,0,0,1,3.828,3.719v-4.406h9.781V0H85.406V-4.344A9.587,9.587,0,0,1,81.688-.719a11.917,11.917,0,0,1-6.125,1.5,13.364,13.364,0,0,1-5.734-1.25,14.774,14.774,0,0,1-4.656-3.406A15.468,15.468,0,0,1,62.078-9,18.247,18.247,0,0,1,60.969-15.437Zm9.719,0a8.578,8.578,0,0,0,.547,3.047,7.691,7.691,0,0,0,1.5,2.5,7.339,7.339,0,0,0,2.3,1.688,6.883,6.883,0,0,0,3,.641A6.986,6.986,0,0,0,81.047-8.2a7.288,7.288,0,0,0,2.313-1.687,7.726,7.726,0,0,0,1.5-2.484,8.54,8.54,0,0,0,.547-3.062,8.2,8.2,0,0,0-.547-3,8.41,8.41,0,0,0-1.5-2.5,6.829,6.829,0,0,0-2.3-1.719,7.1,7.1,0,0,0-3.031-.625,7.029,7.029,0,0,0-3,.625,6.829,6.829,0,0,0-2.3,1.719,8.41,8.41,0,0,0-1.5,2.5A8.2,8.2,0,0,0,70.688-15.437ZM103.125,2.375h9.594a5.461,5.461,0,0,0,1.438,3.719q1.375,1.469,4.656,1.469a5.823,5.823,0,0,0,4.563-1.672q1.5-1.672,1.5-5.578v-5.25a8.891,8.891,0,0,1-3.906,3.875,13.3,13.3,0,0,1-6.25,1.375,12.2,12.2,0,0,1-5.25-.984,9.757,9.757,0,0,1-3.344-2.516A9.085,9.085,0,0,1,104.2-7.312,30.5,30.5,0,0,1,103.75-13V-30.844h9.75v15.813a10.909,10.909,0,0,0,1.172,5.391q1.172,2.078,4.266,2.078a5.062,5.062,0,0,0,4.5-2.109,9.985,9.985,0,0,0,1.438-5.7V-30.844h9.781V-.187q0,7.875-3.734,11.422t-11.859,3.547a26.017,26.017,0,0,1-7.3-.891,13.3,13.3,0,0,1-4.937-2.531,9.743,9.743,0,0,1-2.812-3.937A13.848,13.848,0,0,1,103.125,2.375ZM142.844,0V-44.812h9.781v18.375a9.8,9.8,0,0,1,3.719-3.656,11.916,11.916,0,0,1,6.219-1.531,13.548,13.548,0,0,1,5.719,1.219,14.311,14.311,0,0,1,4.641,3.391,15.826,15.826,0,0,1,3.109,5.156,18.057,18.057,0,0,1,1.125,6.422A18.02,18.02,0,0,1,176.031-9a15.678,15.678,0,0,1-3.109,5.125,14.828,14.828,0,0,1-4.641,3.406A13.405,13.405,0,0,1,162.5.781,11.6,11.6,0,0,1,156.25-.8a10.119,10.119,0,0,1-3.625-3.547V0Zm9.781-15.437a8.5,8.5,0,0,0,.547,3.078,8,8,0,0,0,1.516,2.5A6.908,6.908,0,0,0,157-8.172a7.182,7.182,0,0,0,3,.609,6.883,6.883,0,0,0,3-.641,7.529,7.529,0,0,0,2.313-1.687,7.581,7.581,0,0,0,1.516-2.484,8.54,8.54,0,0,0,.547-3.062,8.728,8.728,0,0,0-.516-2.969,7.693,7.693,0,0,0-1.484-2.531,6.908,6.908,0,0,0-2.344-1.719A7.24,7.24,0,0,0,160-23.281a7.029,7.029,0,0,0-3,.625,6.994,6.994,0,0,0-2.312,1.719,8.24,8.24,0,0,0-1.516,2.5A8.2,8.2,0,0,0,152.625-15.437Zm28.875,0a16.71,16.71,0,0,1,1.172-6.25,15.157,15.157,0,0,1,3.391-5.156,16.407,16.407,0,0,1,5.375-3.531,18.577,18.577,0,0,1,7.188-1.312,18.7,18.7,0,0,1,7.2,1.313,16.191,16.191,0,0,1,5.375,3.531,15.075,15.075,0,0,1,3.359,5.156,16.909,16.909,0,0,1,1.156,6.25,17.031,17.031,0,0,1-1.156,6.266A15.04,15.04,0,0,1,211.2-4a16.191,16.191,0,0,1-5.375,3.531,18.7,18.7,0,0,1-7.2,1.313,18.577,18.577,0,0,1-7.187-1.312A16.407,16.407,0,0,1,186.063-4a15.157,15.157,0,0,1-3.391-5.156A16.794,16.794,0,0,1,181.5-15.437Zm9.781,0a8.963,8.963,0,0,0,.516,3.078,7.692,7.692,0,0,0,1.469,2.5,6.745,6.745,0,0,0,2.3,1.688,7.182,7.182,0,0,0,3,.609,7.508,7.508,0,0,0,3.047-.609,6.635,6.635,0,0,0,2.344-1.687,8.2,8.2,0,0,0,1.5-2.484A8.467,8.467,0,0,0,206-15.437a8.452,8.452,0,0,0-.547-3.031,7.916,7.916,0,0,0-1.5-2.5,6.943,6.943,0,0,0-2.328-1.687,7.317,7.317,0,0,0-3.062-.625,7.029,7.029,0,0,0-3,.625,7.029,7.029,0,0,0-2.3,1.688,7.48,7.48,0,0,0-1.469,2.5A8.909,8.909,0,0,0,191.281-15.437Zm28.531,0a16.71,16.71,0,0,1,1.172-6.25,15.157,15.157,0,0,1,3.391-5.156,16.407,16.407,0,0,1,5.375-3.531,18.577,18.577,0,0,1,7.188-1.312,18.7,18.7,0,0,1,7.2,1.313,16.191,16.191,0,0,1,5.375,3.531,15.075,15.075,0,0,1,3.359,5.156,16.909,16.909,0,0,1,1.156,6.25,17.031,17.031,0,0,1-1.156,6.266A15.04,15.04,0,0,1,249.516-4a16.191,16.191,0,0,1-5.375,3.531,18.7,18.7,0,0,1-7.2,1.313A18.577,18.577,0,0,1,229.75-.469,16.407,16.407,0,0,1,224.375-4a15.157,15.157,0,0,1-3.391-5.156A16.794,16.794,0,0,1,219.813-15.437Zm9.781,0a8.963,8.963,0,0,0,.516,3.078,7.692,7.692,0,0,0,1.469,2.5,6.745,6.745,0,0,0,2.3,1.688,7.182,7.182,0,0,0,3,.609,7.508,7.508,0,0,0,3.047-.609,6.635,6.635,0,0,0,2.344-1.687,8.2,8.2,0,0,0,1.5-2.484,8.467,8.467,0,0,0,.547-3.094,8.452,8.452,0,0,0-.547-3.031,7.916,7.916,0,0,0-1.5-2.5,6.943,6.943,0,0,0-2.328-1.687,7.317,7.317,0,0,0-3.062-.625,7.029,7.029,0,0,0-3,.625,7.029,7.029,0,0,0-2.3,1.688,7.48,7.48,0,0,0-1.469,2.5A8.909,8.909,0,0,0,229.594-15.437ZM260.219,0V-44.812H270v27.031l9.563-13.062h11.625L279.156-15.437,291.125,0H279.5L270-12.937V0Z"
          transform="translate(184 -342)"
        />
      </g>
    </svg>
  ),
  select: (
    <svg width="270" height="40" viewBox="0 0 279 40">
      <g id="Group_1" transform="translate(-150 -135)">
        <rect
          id="Rectangle_1"
          data-name="Rectangle 1"
          width="279"
          height="40"
          rx="4"
          transform="translate(150 135)"
          fill="#e6ebf4"
        />
        <path
          id="chevron"
          d="M3.841,0,0,3.841l.9.9L3.841,1.812,6.78,4.744l.9-.9Z"
          transform="translate(412.55 157.41) rotate(180)"
          fill="#222328"
        />
      </g>
    </svg>
  ),
  close: (
    <svg viewBox="0 0 24 24">
      <path
        d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
        fill="currentColor"
        fillRule="evenodd"
      />
    </svg>
  ),
  edit: (
    <svg viewBox="0 0 24 24">
      <path
        d="M4 16.667V20h3.333l9.83-9.83-3.333-3.333L4 16.667zm15.74-9.074a.885.885 0 0 0 0-1.253l-2.08-2.08a.885.885 0 0 0-1.253 0l-1.626 1.626 3.333 3.333 1.626-1.626z"
        fill="currentColor"
      />
    </svg>
  ),
  expand: (
    <svg viewBox="0 0 24 24">
      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="currentColor" />
    </svg>
  ),
  check: (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      <polyline points="20 6 9 17 4 12" />
    </svg>
  ),
  search: (
    <svg viewBox="0 0 24 24">
      <path
        d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
        fill="currentColor"
      />
    </svg>
  ),
  bell: (
    <svg height="24" viewBox="0 0 511.156 511.156" width="24">
      <path d="m184.904 465.044c11.999 27.127 39.154 46.112 70.674 46.112s58.674-18.985 70.674-46.112z" />
      <path d="m255.573 48.836c20.8 0 40.772 3.67 59.306 10.389v-2.283c0-31.398-25.544-56.942-56.941-56.942h-4.719c-31.398 0-56.942 25.544-56.942 56.942v2.254c18.524-6.699 38.49-10.36 59.296-10.36z" />
      <path d="m442.747 435.044h-374.338c-7.082 0-13.569-4.776-15.042-11.704-1.458-6.859 1.668-13.629 8.01-16.559 1.505-.976 12.833-8.897 24.174-32.862 20.829-44.01 25.201-106.005 25.201-150.263 0-79.855 64.967-144.82 144.821-144.82 79.665 0 144.512 64.652 144.82 144.245.007.191.011.383.011.575 0 44.258 4.372 106.253 25.201 150.263 11.341 23.965 22.668 31.887 24.174 32.862 6.342 2.93 9.469 9.699 8.01 16.559-1.473 6.927-7.959 11.704-15.042 11.704zm7.2-28.157h.01z" />
    </svg>
  ),
  cart: (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      <circle cx="9" cy="21" r="1" />
      <circle cx="20" cy="21" r="1" />
      <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" />
    </svg>
  ),
  duplicate: (
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
      <path
        opacity="0.3"
        d="M10.6638 3.99996H6.00002C4.89545 3.99996 4.00002 4.89539 4.00002 5.99996V10.6637C3.13459 10.6211 2.66669 10.1137 2.66669 9.21208V4.12117C2.66669 3.1783 3.17836 2.66663 4.12123 2.66663H9.21214C10.1138 2.66663 10.6211 3.13453 10.6638 3.99996Z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.78786 5.33337H11.8788C12.8216 5.33337 13.3333 5.84505 13.3333 6.78792V11.8788C13.3333 12.8217 12.8216 13.3334 11.8788 13.3334H6.78786C5.84499 13.3334 5.33331 12.8217 5.33331 11.8788V6.78792C5.33331 5.84505 5.84499 5.33337 6.78786 5.33337Z"
        fill="currentColor"
      />
    </svg>
  ),
  trash: (
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
      <path
        d="M4 5.33337H12L11.4044 13.0767C11.3643 13.5977 10.9298 14 10.4073 14H5.5927C5.07016 14 4.63572 13.5977 4.59564 13.0767L4 5.33337ZM5.33333 6.66671L5.63625 9.393L10.3679 9.35598L10.6667 6.66671H5.33333Z"
        fill="currentColor"
      />
      <path
        opacity="0.3"
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.33331 3V2.33333C9.33331 2.14924 9.18407 2 8.99998 2H6.99998C6.81588 2 6.66665 2.14924 6.66665 2.33333V3H3.66665C3.48255 3 3.33331 3.14924 3.33331 3.33333V3.66667C3.33331 3.85076 3.48255 4 3.66665 4H12.3333C12.5174 4 12.6666 3.85076 12.6666 3.66667V3.33333C12.6666 3.14924 12.5174 3 12.3333 3H9.33331Z"
        fill="currentColor"
      />
    </svg>
  ),
};

export type Icons = keyof typeof ICONS;

interface IconProps extends React.HTMLAttributes<SVGElement> {
  icon: Icons;
  className?: string;
}

export default function Icon({ icon, ...props }: IconProps) {
  return React.cloneElement(ICONS[icon], props);
}
